/* pages/shoppingCart/shoppingCart.wxss */

.cart_container {}

.top_address {
    margin-top   : 4%;
    border-bottom: 1px solid rgb(228, 224, 224);
}

.cart_container .btn_address {
    padding        : 20rpx;
    /* width       : 60%; */
    display        : flex;
    align-items    : center;
    justify-content: center;
}


.cart_container .msg_detail {
    display  : flex;
    padding  : 20rpx;
    font-size: 25rpx;
}

.cart_container .msg_detail .left {
    flex: 3;
}

.cart_container .msg_detail .left .userName {
    /* 用户名 */
    font-size: 35rpx;
}

.cart_container .msg_detail .left .detailAddress {
    font-size : 25rpx;
    margin-top: 10rpx;
    color     : rgb(177, 163, 163);
}

.cart_container .msg_detail .right {
    flex: 1;
}

.cart_container .msg_detail .telNumber {
    font-size: 25rpx;
}

.edit {

    display        : flex;
    justify-content: center;
    align-items    : center;
}

// 总容器
.cart_container {

    // 订单项容器
    .orderContainer {
        display      : flex;
        border-bottom: 1px solid rgb(228, 224, 224);
        margin-top: 10rpx;
        // 图片容器
        .imageContainer {
            flex           : 2;
            // border      : 1rpx solid red;
            display        : flex;
            justify-content: center;
            align-items    : center;

            image {
                width        : 60%;
                border-radius: 15rpx;
            }
        }

        // 订单详情容器
        .detailContainer {
            flex           : 4;
            display        : flex;
            flex-direction : column;
            justify-content: space-around;
            margin         : 5rpx;


            //商品详情信息
            .goodDetail {
                display           : -webkit-box;
                overflow          : hidden;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                color             : #666;
            }

            .price_num_wrap {
                display        : flex;
                justify-content: space-between;

                .price {
                    color    : rgb(235, 77, 77);
                    font-size: 35rpx;
                }

                .show_num {
                    padding-right: 25rpx;
                    color        : rgb(104, 100, 100);

                }

            }
        }
    }
}

page {
    padding-bottom: 90rpx;
}

.footer {
    // 定位下方
    position        : fixed;
    bottom          : 0;
    left            : 0;
    width           : 100%;
    height          : 90rpx;
    background-color: #fff;
    display         : flex;
    border-top      : 1rpx solid #ccc;

    .pay_cancel {
        flex: 1.3;
        .cancel {
            font-size: 35rpx;
            width           : 100%;
            height          : 100%;
            background-color: #ccc;
            color: white;
            display         : flex;
            justify-content : center;
            align-items     : center;

        }
    }

    .total_price_wrap {
        // 总价格
        flex         : 3;
        text-align   : right;
        padding-top  : 20rpx;
        padding-right: 15rpx;

        .total_price {
            font-size  : 30rpx;
            font-weight: 530;

            text {
                color       : rgb(236, 79, 79);
                font-size   : 36rpx;
                font-weight : 550;
                padding-left: 20rpx;
            }
        }
    }

    .pay_wrap {
        // total_price_wrap
        flex            : 1.3;
        background-color: rgb(245, 79, 79);
        display         : flex;
        justify-content : center;
        align-items     : center;

        .pay {
            color    : #fff;
            font-size: 35rpx;
        }
    }
}

.empty_wrap {
    display        : flex;
    justify-content: center;
    align-items    : center;
    margin-top     : 30%;

    .emptyCars {
        width: 100%;
    }
}



// 时间选择器 ------------------------------
.picker {
    display: flex;
    margin: 0  20%;
    .date {
      flex  : 1;
      height: 50rpx;
        margin-right: 10rpx;
      .choose_date {
        height: 100%;
        border: 1px solid #ccc;
        border-radius: 20rpx;
  
       display: flex;
       justify-content: center;
       align-items: center;  
        block {
          font-size: 35rpx;
        }
      }
    }
  
    .time {
      flex  : 1;
      height: 50rpx;
        margin-left: 10rpx;
      .choose_time {
        height: 100%;
        border-radius: 20rpx;
        border: 1px solid #ccc;
  
        display: flex;
        justify-content: center;
        align-items: center;
        block { font-size: 35rpx;}
      }
    }
  }